<template>
  <div class="main-web">
    <WebBox v-for="(item, i) in webData" :web-group="item" :key="i" />
  </div>
</template>

<script lang="ts" setup>
  import { reactive } from 'vue';
  import WebBox from './components/WebBox.vue';
  import getWebs from '@mock/getWebs';

  const webData = reactive(getWebs());
</script>

<style lang="scss" scoped>
  .main-web {
    width: $mainWidth;
    margin: 0 auto;
    padding: 20px 0;
  }
</style>
